<template>
    <div id="mars-content"></div>
</template>

<script setup lang="ts">
import { ref, onMounted, markRaw } from "vue"
import { map_option } from "../assets/options"
import mars3d, { Map } from "mars3d"

let map: Map
let layer: any
onMounted(() => {
    init_map();
});
function init_map() {
    map = markRaw(new mars3d.Map("mars-content", map_option))
    map.scene.globe.maximumScreenSpaceError = 4 / 3
    map.scene.shadowMap.softShadows = true
    layer = markRaw(new mars3d.layer.GraphicLayer({
        flyTo: true
    }))
    // terrainUplift = new mars3d.thing.TerrainUplift({
    //   upHeight: 1000, // 抬升的高度
    //   image: "img/poly-land.png",
    //   // image: "./img/textures/mining.jpg",
    //   imageBottom: "img/poly-land.png",
    //   diffHeight: 500,
    //   splitNum: 0 // 井边界插值数
    // })
    // map_view.addThing(terrainUplift)
}
</script>

<style></style>